/*本模块功能:学生报告
  编写者:杨锡君
  编写时间:20180604
*/
.btnBox{
	height: 5%;
	width: 100%;
}
#box{
	height: 95%;
	width: 94%;
	padding: 10px 3%;
	position: relative;
	overflow: auto;
	font-family: "微软雅黑";
}
#box h1{
	margin: 0 auto 10px;
	text-align: center;
}
#box h3{
	margin: 10px auto 10px;
}
#box h4{
	margin-bottom: 20px;
	font-weight: normal;
}
#box .mr{
	margin-right: 5%;
}
#box table{
	table-layout: fixed;
	width: 100%;
	text-align: center;
}
#box table tr,#box table th,#box table td{
	border: 1px solid #cbcbcb;
	height: 50px;

}
#box table th{
	background: #f0f0f0;
}
#box .mt{
	margin-top: 50px;
}
.good{
	color: #70ebfb;
	font-size: 20px;
	position:absolute;
	right: 0;
	top: 0;
}
.ok{
	color: #33bef7;
	font-size: 20px;
	position:absolute;
	right: 0;
	top: 0;
}
.soso{
	color: #4082fd;
	font-size: 20px;
	position:absolute;
	right: 0;
	top: 0;
}
#box .knowledge .ok,#box .knowledge .soso,#box .knowledge .good{
	float: left;
	text-align: center;
}
#box .stuInfoBox{
	margin-bottom: 30px;
}
#box .logoImg{
	display: block;
	margin:  30px auto -30px;
	float: right;
}
#box .max{
	width: 300px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size:14px;
	margin-right:20px;
}
#box th{
	width:25%;
}
.editBtn{
	margin-right: 20%;
}
#contentBox{
	background: #fff;
	position: absolute;
	width: 98%;
	height: 98%;
	left: 1%;
	top: 1%;
	overflow: hidden;
	display: none;
}
.delReport{
	margin: 0.5% 16px 0;
	cursor: pointer;
}
.downReport{
	margin-top: 0.5%;
	cursor: pointer;
}
#stuBox #contentBox{
	background: #fff;
	position: relative;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	overflow: hidden;
	display: block;
}
#contentBox .title{
	border-left:4px solid #408ee6;
	height: 40px;
	padding-left:36px;
	color: #408ee6;
	font-size: 18px;
	line-height: 40px;
	margin-bottom: 50px;
}
.mainContent {
	padding: 36px 0 0;
}
.infoBox{
	padding: 0 60px;
	width: auto;
	height: 300px;
	margin-bottom: 26px;
	position: relative;
}
.infoBox>div{
	width: 49%;
	box-shadow: #eaf0f9 0 0 14px 8px;
	float: left;
	height: 300px;
	border-radius: 10px;
}
.infoBox>div:nth-of-type(1){
	margin-right: 2%;
	padding: 55px 0;
	height: 190px;
	position: relative;
}
.idBox,.info{
	height: 100%;
	width: 50%;
	position: relative;
	float: left;
}
.idBox>div,.idBox ul{
	width: 50%;
}
.idBox>div{
	background: #fff url(../../images/ico_portPeople.jpg) no-repeat center center;
	background-size: 60%;
	height: 100%;
}
.idBox ul{
	margin-top: 58px;
}
#contentBox .line{
	height: 190px;
	width: 1px;
	background: #ebeae6;
	position: absolute;
	left: 50%;
	top: 55px;
}
.info ul{
	display: block;
}
.info ul li{
	height: 63px;
	display: block;
	line-height: 63px;
	padding-left: 90px;
}
.info ul li:nth-of-type(1){
	background: #fff url(../../images/ico_portClass.png) no-repeat left 50px center;
	background-size: 7%;
}
.info ul li:nth-of-type(2){
	background: #fff url(../../images/ico_portPro.png) no-repeat left 50px center;
	background-size: 7%;
}
.info ul li:nth-of-type(3){
	background: #fff url(../../images/ico_portDepart.png) no-repeat left 50px center;
	background-size: 7%;
}
.workBox{
	height: 40px;
	line-height: 40px;
	margin-bottom: 16px;
	padding: 0 60px;
	margin-top: 20px;
}
.workBox h3{
	font-size: 18px;
}
.workInfo{
	margin-left: 22px;
	color: #9b9b9b;
}
.colorBox{
	height: 60px;
	line-height: 60px;
	padding: 0 60px;
}
.colorBox>div{
	width: 170px;
	color: #727272;
}
.colorBox>div i{
	margin-right: 10px;
}
.colorBox>div:nth-of-type(1) i{
	color: #58a8e8;
}
.colorBox>div:nth-of-type(2) i{
	color: #42bbab;
}
.colorBox>div:nth-of-type(3) i{
	color: #7c87c2;
}
.infoMain{
	padding: 0 60px;
	margin-bottom: 40px;
}
.infoMain ul li h3{
	font-size: 20px;
	font-weight: normal;
}
.infoMain>ul{
	display: block;
	margin-bottom: 18px;
	height: 80px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;

}
.infoMain>ul>li{
	width: 20%;
	float: left;
	height: 100%;
	color: #fff;
	position: relative;
	cursor: pointer;
}
.infoMain>ul>li .lines{
	position: absolute;
	right: 0;
	top: 10px;
	height: 60px;
	width: 1px;
	background: #fff;
}
.infoMain>ul:nth-of-type(1)>li:nth-of-type(1){
	background: url(../../images/ico_read1.png) no-repeat right 30px center,-webkit-linear-gradient(left,#67dad6,#62cfd6); /* Safari 5.1 - 6.0 */
}
.infoMain>ul:nth-of-type(1)>li:hover:nth-of-type(1){
	background: #fff url(../../images/ico_read1s.png) no-repeat right 30px center;
	color: #58a8e8;
}
.infoMain>ul:nth-of-type(1)>li:nth-of-type(2){
	background: url(../../images/ico_read2.png) no-repeat right 30px center,-webkit-linear-gradient(left,#62cfd6,#5abdd7); /* Safari 5.1 - 6.0 */
}
.infoMain>ul:nth-of-type(1)>li:hover:nth-of-type(2){
	background: #fff url(../../images/ico_read2s.png) no-repeat right 30px center;
	color: #58a8e8;
}
.infoMain>ul:nth-of-type(1)>li:nth-of-type(3){
	background: url(../../images/ico_read3.png) no-repeat right 30px center,-webkit-linear-gradient(left,#5abdd7,#51a9d8); /* Safari 5.1 - 6.0 */
}
.infoMain>ul:nth-of-type(1)>li:hover:nth-of-type(3){
	background: #fff url(../../images/ico_read3s.png) no-repeat right 30px center;
	color: #58a8e8;
}
.infoMain>ul:nth-of-type(1)>li:nth-of-type(4){
	background: url(../../images/ico_read4.png) no-repeat right 30px center,-webkit-linear-gradient(left,#51a9d8,#4997d9); /* Safari 5.1 - 6.0 */
}
.infoMain>ul:nth-of-type(1)>li:hover:nth-of-type(4){
	background: #fff url(../../images/ico_read4s.png) no-repeat right 30px center;
	color: #58a8e8;
}
.infoMain>ul:nth-of-type(1)>li:nth-of-type(5){
	background: url(../../images/ico_read5.png) no-repeat right 30px center,-webkit-linear-gradient(left,#4997d9,#448cda); /* Safari 5.1 - 6.0 */
}
.infoMain>ul:nth-of-type(1)>li:hover:nth-of-type(5){
	background: #fff url(../../images/ico_read5s.png) no-repeat right 30px center;
	color: #58a8e8;
}
.infoMain ul li h3,.infoMain ul li p{
	padding: 6px 80px 0 16px;
}

.infoMain>ul:nth-of-type(2)>li:nth-of-type(1){
	background: url(../../images/ico_read6.png) no-repeat right 30px center,-webkit-linear-gradient(left,#47c5b4,#45c1b0); /* Safari 5.1 - 6.0 */
}
.infoMain>ul:nth-of-type(2)>li:hover:nth-of-type(1){
	background: #fff url(../../images/ico_read6s.png) no-repeat right 30px center;
	color: #42bbab;
}
.infoMain>ul:nth-of-type(2)>li:nth-of-type(2){
	background: url(../../images/ico_read7.png) no-repeat right 30px center,-webkit-linear-gradient(left,#45c1b0,#42baaa); /* Safari 5.1 - 6.0 */
}
.infoMain>ul:nth-of-type(2)>li:hover:nth-of-type(2){
	background: #fff url(../../images/ico_read7s.png) no-repeat right 30px center;
	color: #42bbab;
}
.infoMain>ul:nth-of-type(2)>li:nth-of-type(3){
	background: url(../../images/ico_read8.png) no-repeat right 30px center,-webkit-linear-gradient(left,#42baaa,#3eb2a2); /* Safari 5.1 - 6.0 */
}
.infoMain>ul:nth-of-type(2)>li:hover:nth-of-type(3){
	background: #fff url(../../images/ico_read8s.png) no-repeat right 30px center;
	color: #42bbab;
}
.infoMain>ul:nth-of-type(2)>li:nth-of-type(4){
	background: url(../../images/ico_read9.png) no-repeat right 30px center,-webkit-linear-gradient(left,#3eb2a2,#3baa9c); /* Safari 5.1 - 6.0 */
}
.infoMain>ul:nth-of-type(2)>li:hover:nth-of-type(4){
	background: #fff url(../../images/ico_read9s.png) no-repeat right 30px center;
	color: #42bbab;
}
.infoMain>ul:nth-of-type(2)>li:nth-of-type(5){
	background: url(../../images/ico_read10.png) no-repeat right 30px center,-webkit-linear-gradient(left,#3eb2a2,#3baa9c); /* Safari 5.1 - 6.0 */
}
.infoMain>ul:nth-of-type(2)>li:hover:nth-of-type(5){
	background: #fff url(../../images/ico_read10s.png) no-repeat right 30px center;
	color: #42bbab;
}

.infoMain>ul:nth-of-type(3)>li:nth-of-type(1){
	background: url(../../images/ico_read11.png) no-repeat right 30px center,-webkit-linear-gradient(left,#7c87c2,#7a85c1); /* Safari 5.1 - 6.0 */
}
.infoMain>ul:nth-of-type(3)>li:hover:nth-of-type(1){
	background: #fff url(../../images/ico_read11s.png) no-repeat right 30px center;
	color: #7c87c2;
}
.infoMain>ul:nth-of-type(3)>li:nth-of-type(2){
	background: url(../../images/ico_read12.png) no-repeat right 30px center,-webkit-linear-gradient(left,#7a85c1,#7682c0); /* Safari 5.1 - 6.0 */
}
.infoMain>ul:nth-of-type(3)>li:hover:nth-of-type(2){
	background: #fff url(../../images/ico_read12s.png) no-repeat right 30px center;
	color: #7c87c2;
}
.infoMain>ul:nth-of-type(3)>li:nth-of-type(3){
	background: url(../../images/ico_read13.png) no-repeat right 30px center,-webkit-linear-gradient(left,#7682c0,#727fbe); /* Safari 5.1 - 6.0 */
}
.infoMain>ul:nth-of-type(3)>li:hover:nth-of-type(3){
	background: #fff url(../../images/ico_read13s.png) no-repeat right 30px center;
	color: #7c87c2;
}
.infoMain>ul:nth-of-type(3)>li:nth-of-type(4){
	background: url(../../images/ico_read14.png) no-repeat right 30px center,-webkit-linear-gradient(left,#727fbe,#6f7dbd); /* Safari 5.1 - 6.0 */
}
.infoMain>ul:nth-of-type(3)>li:hover:nth-of-type(4){
	background: #fff url(../../images/ico_read14s.png) no-repeat right 30px center;
	color: #7c87c2;
}
.infoMain>ul:nth-of-type(3)>li:nth-of-type(5){
	background:url(../../images/ico_read15.png) no-repeat right 30px center,-webkit-linear-gradient(left,#6f7dbd,#6c7bbc); /* Safari 5.1 - 6.0 */
}
.infoMain>ul:nth-of-type(3)>li:hover:nth-of-type(5){
	background: #fff url(../../images/ico_read15s.png) no-repeat right 30px center;
	color: #7c87c2;
}

.infoMain>ul:nth-of-type(1)>li:nth-of-type(1),.infoMain>ul:nth-of-type(2)>li:nth-of-type(1),.infoMain>ul:nth-of-type(3)>li:nth-of-type(1){
	-webkit-border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
}
.infoMain>ul:nth-of-type(1)>li:nth-of-type(5),.infoMain>ul:nth-of-type(2)>li:nth-of-type(5),.infoMain>ul:nth-of-type(3)>li:nth-of-type(5){
	-webkit-border-radius: 0 5px 5px 0;
	-moz-border-radius:  0 5px 5px 0;
	border-radius:  0 5px 5px 0;
}
.courseOneBox{
	padding: 0 60px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	height: 340px;
	margin-bottom: 50px;
}
.courseOneBox>div{
	box-shadow: #eaf0f9 0 0 14px 8px;
	height: 100%;
	width: 100%;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.courseNav{
	width: 13%;
	position: relative;
}
.courseNav>div{
	height: 170px;
	color: #cfcfcf;
	text-align: center;
	line-height: 170px;
	background: #fff;
	cursor: pointer;
}
.courseNav>div:nth-of-type(1){
	border-radius: 5px 0 0 0;
}
.courseNav>div:hover {
	height: 170px;
	text-align: center;
	line-height: 170px;
	color: #88bfed;
	/*background: #f2f2f2;*/
	cursor: pointer;
}
.courseOneBox .courseNav .navCheck{
	/*background: -webkit-linear-gradient(left,#63ddd4,#5ac7dd); !* Safari 5.1 - 6.0 *!*/
	/*background: -o-linear-gradient(left,#63ddd4,#5ac7dd); !* Opera 11.1 - 12.0 *!*/
	/*background: -moz-linear-gradient(left,#63ddd4,#5ac7dd); !* Firefox 3.6 - 15 *!*/
	/*background: linear-gradient(left,#63ddd4,#5ac7dd); !* 标准的语法 *!*/
	color: #88bfed;
}
.courseOneBox .courseNav .navCheck:hover {
	/*background: -webkit-linear-gradient(left,#63ddd4,#5ac7dd);*/
	/*background: -o-linear-gradient(left,#63ddd4,#5ac7dd);*/
	/*background: -moz-linear-gradient(left,#63ddd4,#5ac7dd);*/
	/*background: linear-gradient(left,#63ddd4,#5ac7dd);*/
	color: #88bfed;
}
.inline{
	position: absolute;
	height: 1px;
	width: 80%;
	left: 10%;
	top: 50%;
	background-color: #d3e8f9;
}
.verline{
	position: absolute;
	width: 1px;
	height: 80%;
	right: 0;
	top: 10%;
	background-color: #d3e8f9;
}
.courseNav>div:nth-of-type(2){
	border-radius:  0 0 0 5px;
}
.contentBox1{
	height: 100%;
}
.courseContent{
	width: 87%;
	height: 100%;
}
.knowledgeBox{
	width: 60%;
	height: 100%;
	position: relative;
}
.knowledgeSub{
	width: 40%;
	height: 85%;
}
.knowledgeBox>div{
	padding: 50px 46px;
	height: 240px;
}
.tap>ul{
	display: none;
	width: 100%;
	height: 100%;
}
.tap>ul:nth-of-type(1){
	display: block;
}
.tap>ul>li{
	width: 44%;
	padding: 0 2%;
	height: 59px;
	color: #727272;
	line-height: 60px;
	border-bottom: 1px solid #ebeae6;
	float: left;
	margin-right: 2%;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
}
.knowledgeBox .navBtnBox{
	position: absolute;
	bottom:20px;
	left: 50%;
	height: 7px;
	padding: 0;
}
.knowledgeBox .navBtnBox>div{
	background: #dbdad8;
	width: 7px;
	height: 7px;
	float: left;
	margin-right: 10px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	cursor: pointer;
}
.knowledgeBox .navBtnBox .navBtnCheck{
	background: #a0a0a0;
}
.courseInfoBox{
	padding: 20px 40px;
	margin-bottom: 40px;
	height: 240px;
}
.courseInfoBox>ul{
	display: block;
	height: 80px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;

}
.courseInfoBox>ul:nth-of-type(1)>li{
	width: 20%;
	float: left;
	height: 100%;
	color: #58a8e8;
	position: relative;
	border-bottom: 1px solid #cde5f8;
}
.courseInfoBox>ul:nth-of-type(1)>li .lines{
	position: absolute;
	right: 0;
	top: 10px;
	height: 60px;
	width: 1px;
	background: #cde5f8;
}
.courseInfoBox>ul:nth-of-type(2)>li{
	width: 20%;
	float: left;
	height: 100%;
	color: #42bbab;
	position: relative;
	border-bottom: 1px solid #b6e5df;
}
.courseInfoBox>ul:nth-of-type(2)>li .lines{
	position: absolute;
	right: 0;
	top: 10px;
	height: 60px;
	width: 1px;
	background: #b6e5df;
}
.courseInfoBox>ul:nth-of-type(3)>li{
	width: 20%;
	float: left;
	height: 100%;
	color: #7c87c2;
	position: relative;

}
.courseInfoBox>ul:nth-of-type(3)>li .lines{
	position: absolute;
	right: 0;
	top: 10px;
	height: 60px;
	width: 1px;
	background: #cdd1e8;
}
.courseInfoBox ul li h3,.courseInfoBox ul li p{
	text-align: center;
}
.courseInfoBox ul li h3{
	margin-top: 12px;
}
.downloadBtn{
	position: absolute;
	right: 100px;
	top: 0;
	width: 92px;
	height: 30px;
	background: url(../../images/ico_reportDownClick.png) no-repeat right 9px center;
	line-height: 30px;
	font-size: 14px;
	color: #408ee6;
	padding-right: 38px;
	background-size: 18px;
}
.detailBox{
	padding: 0 60px;
	background: #fff;
	height: 0;
	display: none;

}
.detailBox>div{
	width: 100%;
	height: 100%;
	box-shadow: #eaf0f9 0 0 14px 8px;
}
.tableInfo{
	table-layout: fixed;
	width: 100%;
}
.tableInfo tr{
	width: 100%;
}

.tableInfo td{
	text-align: center;
	border:1px solid #eeeeee;
	font-size: 12px;
	height: 34px;
}
.tableInfo .blueTitle{
	color: #5399e8;
	font-size: 14px;
	height: 45px;
	font-weight: bolder;
}
.tableInfo .blueScore{
	color: #5399e8;
	font-size: 16px;
	font-weight: bolder;
}
th{
	background: #6e88ad;
	color: #fff;
	width: 20%;
	border: 1px solid #fff;
}
#showDetail{
	position: absolute;
	right: 90px;
	bottom: 16px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	color: #67aee9;
	border: 1px solid #d5e9f9;
	height: 27px;
	width: 85px;
	padding-left: 20px;
	background: #fff url(../../images/ico_reportDetail.png) no-repeat right 12px center;
	background-size: 11px;
	line-height: 27px;
	font-size: 12px;
	z-index: 1;
	cursor: pointer;
}
.topPecent{
	float: right;
	height: 0;
	width: 0;
	margin-right: 8px;
	border-width: 8px;
	border-style: solid;
	border-color: transparent  transparent  #ffffff transparent ;
}
.downInfoBox{
	width: 230px;
	height: 180px;
	position: absolute;
	top: 30px;
	right: 0;
	z-index: 1;
	display: none;
}
.middleBox{
	height: 172px;
	width: 100%;
	border-radius: 7px;
	margin-top: 16px;
	box-shadow: #eaf0f9 0 0 14px 8px;
	background: #fff;
}
.middleBox ul{
	display: block;
	height: 100%;
	width: 100%;
}
.middleBox ul li{
	height: 42px;
	width: 186px;
	padding: 0 22px;
	border-bottom: 1px solid #f1f4f3;
	line-height: 42px;
	font-size: 13px;
	color: #639fe9;
}
.middleBox ul li>i{
	width: 54px;
	height: 42px;
	float: left;
}
.middleBox ul li>b{
	width: 114px;
	height: 42px;
	float: left;
	text-align: center;
}
.middleBox ul li>img{
	height: 16px;
	width:16px;
	float: left;
	margin-top: 14px;
	cursor: pointer;
}
.middleBox ul li>b .loadingImg{
	width: 44px;
	margin: 0 auto;
}
.middleBox ul li>b .gzipImg{
	width: 12px;
	height: 9px;
	float: left;
	margin-top: 20px;
}
.reportZips,.reportZip{
	height: 18px;
	border: 1px solid #408ee6;
	margin-top: 11px;
	font-size: 10px;
	line-height: 18px;
	padding: 0 10px;
	border-radius: 20px;
	cursor: pointer;
}
.reportZips{
	margin-left: 20px;
}
.downReportLoad{
	cursor: pointer;
}
